<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link href="/static/admin-page/css/bksystem.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/font/iconfont.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/css/module.css" rel="stylesheet" type="text/css"/>
    <link href="/static/admin-page/css/pages.css" rel="stylesheet" type="text/css"/>
    <title>系统框架首页</title>
    <script src="/static/admin-page/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="/static/admin-page/js/jquery.cookie.js" type="text/javascript"></script>
    <script src="/static/admin-page/js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="/static/admin-page/js/HUpages.js" type="text/javascript"></script>
</head>
<body id="situation">
<div class="pages-style">
    <!--左侧菜单栏-->
    <div class="bk-con-menu" id="bk-con-menu">
        <div class="menubtn">
            <span class="close_btn samebtn"><i>隐藏</i></span>
            <span class="show_btn samebtn"><i>显示</i></span>
        </div>
        <a id="js-tabNav-prev" class="radius btn-default left_roll" href="javascript:void(0);"><i
                class="iconfont icon-zuoshuangjiantou"></i></a>
        <div class="breadcrumb" id="breadcrumb">
            <ul class="clearfix menu-section menulist" id="menu-section"></ul>
        </div>
        <a id="js-tabNav-next" class="radius btn-default right_roll" href="javascript:void(0);"><i
                class="iconfont icon-youshuangjiantou"></i></a>
    </div>
    <!--右侧内容-->
    <div class="bk-con-message message-section padding15" id="iframe_box">
        <!--编辑内容-->
        <div class="operation  mb15">


        </div>
        <!--列表内容-->
        <div class="page_content clearfix mb15">


        </div>
    </div>
</div>
</body>
</html>
<script>
    $(function () {
        //内页框架结构编辑
        $("#situation").Hupage({
            slide: '#breadcrumb',
            pagecontent: '.page_content',//自定义属性
            operation: '.operation',//自定义属性
            scrollbar: function (e) {
                e.niceScroll({
                    cursorcolor: "#dddddd",
                    cursoropacitymax: 1,
                    touchbehavior: false,
                    cursorwidth: "3px",
                    cursorborder: "0",
                    cursorborderradius: "3px",
                });
            },
            expand: function (thisBox, settings) {
                var marginheight = parseInt($(settings.pagecontent).css("margin-bottom").replace("px", ""));
                $(settings.pagecontent).css({height: $(window).height() - $(settings.operation).outerHeight() - marginheight - 30})
                settings.scrollbar($(settings.slide) && $(settings.pagecontent));
            }//自定义方法
        });
    });
</script>